<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>广东国防教育学会</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css" />
		<link rel="stylesheet" href="http://idangero.us/swiper/dist/css/swiper.min.css" />
		<link rel="stylesheet" href="/Public/Home/activity/css/style.css" />
	</head>
	<body>

		<div class="bar bar-nav">
			<h1 class="title">个人信息</h1>
			<i class="icon icon-left" onclick="window.history.go(-1);"></i>
		</div>

		<div class="content user_zl">
				<form action="<?php echo U('usersDetail');?>" method="post" id="info_form">
			<div class="list-block">
			    <ul>
			      <!-- Text inputs -->
			      <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-name"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">头像</div>
			            <div class="item-input">
			            	<div class="file_img">
			            		<input type="file">
			              		<img src="<?php echo ($data['headimgurl']); ?>">
			            	</div>
			              
			            </div>
			          </div>
			        </div>
			      </li>
			      <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-name"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">昵称</div>
			            <div class="item-input">
			              <input type="text" disabled placeholder="昵称" value="<?php echo ($data['nickname']); ?>">
			            </div>
			          </div>
			        </div>
			      </li>
			      <!-- <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-email"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">性别</div>
			            <div class="item-input">
			              <select>
			                <option>男</option>
			                <option>女</option>
			              </select>
			            </div>
			          </div>
			        </div>
			      </li>
			      <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-password"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">出生年月</div>
			            <div class="item-input">
			              <input type="date" placeholder="Birth day" value="2014-04-30">
			            </div>
			          </div>
			        </div>
			      </li> -->
			      <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-gender"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">手机</div>
			            <div class="item-input">
			              <input type="tel" placeholder="" name="phone_number" value="<?php echo ($data['phone_number']); ?>">
			            </div>
			          </div>
			        </div>
			      </li>
			      <!-- Date -->
			      <!-- <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-calendar"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">邮箱</div>
			            <div class="item-input">
			              <input type="email" placeholder="E-mail">
			            </div>
			          </div>
			        </div>
			      </li> -->
			      <!-- Switch (Checkbox) -->
			      <!-- <li>
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-toggle"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">公司</div>
			            <div class="item-input">
			              <input type="text" placeholder="Your name">
			            </div>
			          </div>
			        </div>
			      </li>
			      <li class="align-top">
			        <div class="item-content">
			          <div class="item-media"><i class="icon icon-form-comment"></i></div>
			          <div class="item-inner">
			            <div class="item-title label">职位</div>
			            <div class="item-input">
			              <input type="text" placeholder="Your name">
			            </div>
			          </div>
			        </div>
			      </li> -->
			    </ul>
			  </div>
			 
			  <div class="content-block">
			    <div class="row">
			      <div class="col-50"><a href="/Users/index" class="button button-fill button-success">返回</a></div>
			      <div class="col-50"><button type="submit" style="width:100%;" class="button button-fill">提交</button></div>
			    </div>
			  </div>
			  </form>
		</div>
		

		<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
		<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
		<script src="http://idangero.us/swiper/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="/Public/Home/activity/js/huodon.js" ></script>
		<script>
			
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationClickable: true,
				loop:true,    
				grabCursor: true,
				autoplay: 3000
			});
			
			 /* $(document).on('click','.open-preloader', function () {
				 Zepto.showPreloader('加载中...')
				    setTimeout(function () {
				    	 Zepto.hidePreloader();
				    }, 2000); 
			 }); */
			 $(document).on('click','.open-indicator', function () {
				 Zepto.showIndicator();
			     setTimeout(function () {
			    	Zepto.hideIndicator();
			     }, 2000);
			  });
		</script>
		

	</body>

</html>
<script>
$("#info_form").submit(function(){
	var phone = $("input[name='phone_number']").val();
	var mobile_regular = /(1[3-9]\d{9})$/;  //手机
	if(phone == ''){
		 Zepto.toast('请填写手机号码！', 2000, 'success top');
		 return false;
	 }
	 if(!mobile_regular.test(phone)){
		 Zepto.toast('手机格式不正确！', 2000, 'success top');
		 return false;
	 }
	 Zepto.toast('更新成功！', 2000, 'success top');
});
</script>